<template>
  <div class="editor-board">
    <Sidebar class="sidebar" />
    <CanvasBoard class="canvas-board" />
    <PropertiesPanel class="properties-panel" />
  </div>
</template>

<script>
import Sidebar from '@/components/SideBar.vue';
import CanvasBoard from '@/components/CanvasBoard.vue';
import PropertiesPanel from '@/components/PropertiesPanel.vue';

export default {
  name: 'EditorBoard',
  components: {
    Sidebar,
    CanvasBoard,
    PropertiesPanel
  }
};
</script>

<style scoped>
.editor-board {
  display: flex;
  height: 100vh;
  overflow: hidden;
}
</style>
